<!-- 营销-面包屑组件 -->
<template>
    <div class="box">
        <span @click="letRouter('/index')">首页</span> /
        <span @click="letRouter('/sms/flash')">营销</span> /
        <span>{{ title }}</span>
    </div>
</template>

<script lang="ts" setup>
import { useRouter } from 'vue-router';
import { defineProps } from 'vue'
defineProps<{
    title : string
}>()

let router = useRouter()
let letRouter = (e : string)=>{
    router.push(e)
}


</script>
 
<style lang="scss" scoped>
.box {
    color: #6f6f6f;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
    span {
        font-size: 14px;
        color: black;
        font-weight: bold;
        cursor: pointer;
        &:nth-of-type(3) {
            color: rgb(64, 158, 255);
            font-weight: 400;
        }
    }
}

</style>